<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>行内元素</title>
  <style>
    /* 特点：
      1. 不独占一行，多个相邻块级元素在一行显示；
      2. 高度和宽度直接设置无效；
      3. 默认宽度就是它本身内容的宽度；
      4. 行内元素只能容纳文字或其他行内元素；
    常用标签：
      a、span、strong、em、label
    注意：
      1. 链接里面不能再放链接；
      2. a标签中可以放块级元素，但是最好给a转换一下显示模式； */

      span {
        width: 200px;
        height: 200px;
        background-color: hotpink;
      }
  </style>
</head>
<body>
  <span>今天天气很凉爽</span>
  <strong>所以呢</strong>
  <span>我们出去排山吧<em>gogogo</em></span>

  <a href="http://www.baidu.com">百度一下<a href="http://mi.com">小米商城</a></a>

  <a href="http://mi.com">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="小米手机">
  </a>
</body>
</html>